<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游景点网</title>
    <style>
        * {
            /* margin: 0;
            padding: 0; */
            background-color: pink;
        }

        .nav-hd a {
            text-decoration: none;
        }

        .nav-hd {
            margin-left: 30px;
        }

        .pic {
            margin-top: 20px;
            margin-left: 30px;

        }

        .pic img {
            width: 200px;
            height: 165px;
        }

        .neirong {
            float: right;
            margin-top: -168px;
        }

        .neirong>img {
            width: 20px;
            height: 20px;
        }

        .fenxiang {
            float: right;
        }

        .fenxiang img {
            height: 20px;
            margin-right: 10px;
        }
    </style>
</head>

<body>
    <br>
    <hr size="8" color="black">
    <!-- 头部导航 -->
    <div class="nav-hd">
        <strong><a href="#">热门 </a> 国内游 <a href="#">国外游</a></strong>
    </div>
    <!-- 第一节开始 -->
    <div class="pic">
        <img src="tfy/pic1.jpg" alt="">
    </div>
    <div class="neirong">
        <strong> <a href="#">风光壮美的中国尼泊尔普兰边境 一河之隔却犹如两处天地</a></strong>
        <br>
        <br>
        <p>西藏阿里地区的普兰县，地处中国与印度、尼泊尔三国的交界处，是我国漫
            长边境线上为数不多的三国交界县之一（全中国只有12个县），因此普兰自
            古以来就是
            西藏重要的对外
            贸易
            <br>
            通道，县城里甚至有一个“国际市场”……
        </p>
        <br>

        <img src="pp1.jpg" alt="">
        头像一兵袖剑
        <div class="fenxiang">
            <img src="pp2.png" alt="">

        </div>

    </div>
    <hr style="border:1px dotted #000; height:1px">
    <!-- 第一节结束 -->
    <!-- 第二节开始 -->

    <div class="pic">
        <img src="pic2.jpg" alt="">
    </div>
    <div class="neirong">
        <strong><a href="#">超强台风山竹后世界第二高塔安然无恙，让全球看到真正的中国造</a></strong>
        <br>
        <br>
        <p>
            从网上及相关媒体报道中可以看到，当9月16日登陆我国的台风“山竹”让沿途多地遭受重创时，广州塔
            （又名：小蛮腰）上的霓虹依然在狂风暴雨中绽放光彩，塔身上还不断的播
            放：
            “<br>敬畏自然 珍惜生命”
            、“ 注意安全 祝您平安”等公益广告……

        </p>
        <br>

        <img src="pp3.jpg" alt="">
        光光摄客 
        <div class="fenxiang">
            <img src="pp2.png" alt="">

        </div>

    </div>
    <hr style="border:1px dotted #000; height:1px">
    <!-- 第二节结束 -->
    <!-- 第三节开始 -->

    <div class="pic">
        <img src="pic3.jpg" alt="">
    </div>

    <div class="neirong">
        <strong><a href="#">国内媲美欧洲瑞士的小县城，拥有绝美的山顶草原</a></strong>
        <br>
        <br>
        <p>每年的九月，是北方和西北地区秋色争相斗艳之时，身居南方的我，秋色来的太迟，
            只好年年往外跑到处去秋摄，今年来到了青海自驾。我们从西宁出发，先前往祁连
            ，翻越达坂山、<br>
            经过门源、横穿祁连大草原，一路都是美景。……

        </p>
        <br>

        <img src="pp4.jpg" alt="">
        一起去旅行
        <div class="fenxiang">
            <img src="pp2.png" alt="">

        </div>

    </div>
    <hr style="border:1px dotted #000; height:1px">
    <!-- 第三节结束 -->
    
</body>

</html>